<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!-- ios 是否运行创建快捷启动方式 -->
    <meta content="yes" name="apple-mobile-web-app-capable">
    <!-- ios顶部通知栏得样式 黑色 -->
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <!-- 遇到数据不让转成电话号码格式 -->
    <meta content="telephone=no" name="format-detection">
    <meta name="description" content="乐淘是中国最大的正品运动鞋、皮鞋网上专卖。乐淘网经营的品牌包括耐克、阿迪达斯、李宁、匡威等国内外知名品牌的篮球鞋,板鞋,休闲鞋,跑步鞋,帆布...">
    <meta name="Keywords" content="乐淘 乐淘鞋城 买鞋子 上乐淘 运动鞋 篮球鞋 帆布鞋 跑步鞋 男鞋 女鞋 足球鞋 休闲鞋 凉鞋 户外鞋 布洛克 高跟鞋 单鞋 豆豆鞋 乐福鞋 牛津鞋 凉拖 皮鞋 短靴 长靴 登山鞋 徒步鞋 硫化鞋 训练鞋 溯溪鞋 越野鞋 板鞋 足球鞋 网球鞋 赛车鞋 雪地靴 马丁靴 商务 英伦">
    <link type="image/x-icon" rel="shortcut icon" href="images/favicon.ico">
    <title>Document</title>
    <link rel="stylesheet" href="assert/mui/css/mui.css">
    <link rel="stylesheet" href="assert/mui/css/icons-extra.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <div class="wrap">
        <header>
            <a href="javascript:;"></a>
            <span>乐淘云购</span>
            <a href="javascript:;" class="mui-icon mui-icon-search"></a>
        </header>
        <section>

            <!-- 滑动区域 -->
            <div class="sec_cont mui-scroll-wrapper">
                <div class="mui-scroll">
                    <!--轮播-->
                    <div id="slider" class="mui-slider">
                        <div class="mui-slider-group mui-slider-loop">
                            <!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
                            <div class="mui-slider-item mui-slider-item-duplicate">
                                <a href="#">
                                    <img src="./images/banner4.png">
                                </a>
                            </div>
                            <!-- 第一张 -->
                            <div class="mui-slider-item">
                                <a href="#">
                                    <img src="./images/banner1.png">
                                </a>
                            </div>
                            <!-- 第二张 -->
                            <div class="mui-slider-item">
                                <a href="#">
                                    <img src="./images/banner2.png">
                                </a>
                            </div>
                            <!-- 第三张 -->
                            <div class="mui-slider-item">
                                <a href="#">
                                    <img src="./images/banner3.png">
                                </a>
                            </div>
                            <!-- 第四张 -->
                            <div class="mui-slider-item">
                                <a href="#">
                                    <img src="./images/banner4.png">
                                </a>
                            </div>
                            <!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
                            <div class="mui-slider-item mui-slider-item-duplicate">
                                <a href="#">
                                    <img src="./images/banner1.png">
                                </a>
                            </div>
                        </div>
                        <div class="mui-slider-indicator">
                            <div class="mui-indicator mui-active"></div>
                            <div class="mui-indicator"></div>
                            <div class="mui-indicator"></div>
                            <div class="mui-indicator"></div>
                        </div>
                    </div>
                    <!-- 导航 -->
                    <nav>
                        <a href="javascript:;">
                            <img src="./images/nav1.png" alt="">
                        </a>
                        <a href="javascript:;">
                            <img src="./images/nav2.png" alt="">
                        </a>
                        <a href="javascript:;">
                            <img src="./images/nav3.png" alt="">
                        </a>
                        <a href="javascript:;">
                            <img src="./images/nav4.png" alt="">
                        </a>
                        <a href="javascript:;">
                            <img src="./images/nav5.png" alt="">
                        </a>
                        <a href="javascript:;">
                            <img src="./images/nav6.png" alt="">
                        </a>
                    </nav>
                    <!--活动区 -->
                    <div class="active">
                        <div class="active-left">
                            <a href="javascript:;">
                                <img src="./images/active1.png" alt="">
                                <img src="./images/active2.png" alt="">
                            </a>
                            <a href="javascript:;">
                                <img src="./images/active4.png" alt="">
                                <img src="./images/active5.png" alt="">
                            </a>
                        </div>
                        <div class="active-right">
                            <a href="javascript:;">
                                <img src="./images/active3.png" alt="">
                            </a>
                        </div>
                    </div>
                    <!-- 品牌专区 -->
                    <div class="brand">
                        <img src="./images/title0.png" alt="">
                        <ul>
                            <li>
                                <img src="./images/brand1.png" alt="">
                            </li>
                            <li>
                                <img src="./images/brand2.png" alt="">
                            </li>
                            <li>
                                <img src="./images/brand3.png" alt="">
                            </li>
                            <li>
                                <img src="./images/brand4.png" alt="">
                            </li>
                            <li>
                                <img src="./images/brand5.png" alt="">
                            </li>
                            <li>
                                <img src="./images/brand6.png" alt="">
                            </li>
                            <li>
                                <img src="./images/brand7.png" alt="">
                            </li>
                            <li>
                                <img src="./images/brand8.png" alt="">
                            </li>
                        </ul>
                    </div>
                    <!-- 运动生活专区 -->
                    <div class="live">
                        <img src="./images/title1.png" alt="">
                        <div class="product">
                            <a href="javascript:;">
                                <img src="./images/product.jpg" alt="">
                                <span class="p-title">adidas阿迪达斯 男式 场下休闲篮球鞋S83700</span>
                                <span class="p-price">
                                    <span class="r-price">￥560.00</span>
                                <span class="b-price">￥888.00</span>
                                </span>
                                <button>立即购买</button>
                            </a>
                            <a href="javascript:;">
                                <img src="./images/product.jpg" alt="">
                                <span class="p-title">adidas阿迪达斯 男式 场下休闲篮球鞋S83700</span>
                                <span class="p-price">
                                    <span class="r-price">￥560.00</span>
                                <span class="b-price">￥888.00</span>
                                </span>
                                <button>立即购买</button>
                            </a>
                        </div>
                    </div>
                </div>
            </div>

        </section>
        <footer>
            <a href="javascript:;" class="now">
                <span class=" mui-icon mui-icon-home"></span>
                <span>首页</span>
            </a>
            <a href="./cate.html">
                <span class=" mui-icon mui-icon-bars"></span>
                <span>分类</span>
            </a>
            <a href="javascript:;">
                <span class="mui-icon mui-icon-extra mui-icon-extra-cart"></span>
                <span>购物车</span>
            </a>
            <a href="javascript:;">
                <span class="mui-icon mui-icon-person"></span>
                <span>会员中心</span>
            </a>
        </footer>
    </div>


    <script src="assert/zepto/zepto.min.js"></script>
    <script src="assert/mui/js/mui.min.js"></script>
    <script src="js/rem.js"></script>
    <script src="js/util/util.js"></script>
</body>

</html>